<!--<div class="bg" fxFlex="100%" fxLayout="row">
  <section>
    <div class="flexSession model">
      <div class="title">
        <i></i>
        <span>设备信息</span>
      </div>
      <div class="convergencebox-model">
        <p>名称：
          <span>{{convergenceBox?.deviceName}}</span>
        </p>
        <p>厂家：
          <span>{{model?.factoryName}}</span>
        </p>
        <p>型号名称：
          <span>{{model?.modelName}}</span>
        </p>
        <p *ngFor="let modelParam of modelParams">
          <i [title]="modelParam?.modelParamNameValue | number:'1.1-2'">{{modelParam?.modelParamNameValue | number:'1.1-2'}}</i>
          <em [title]="modelParam?.modelParamName">{{modelParam?.modelParamName}}</em>
        </p>
      </div>
    </div>
  </section>

  <section class="flexSession">
    <p><span class="title">模拟量</span></p>
    <div class="convergencebox-detail">
      <p *ngFor="let tag of analogTagDatas">
        <i [title]="tag?.value | number:'1.1-2'">{{tag?.value | number:'1.1-2'}}</i>
        <em [title]="tag?.tagName+''+tag.tagUnit">{{tag?.tagName}}{{tag?.tagUnit}}</em>
      </p>
    </div>
  </section>

  <section class="flexSession">
    <p><span class="title">开关量</span></p>
    <div class="convergencebox-detail">
      <p *ngFor="let tag of swithTagDatas">
        <i [title]="tag?.value | number:'1.1-2'">{{tag?.value | number:'1.1-2'}}</i>
        <em [title]="tag?.tagName+''+tag.tagUnit">{{tag?.tagName}}{{tag?.tagUnit}}</em>
      </p>
    </div>
  </section>
</div>-->



<div class="bg" fxFlex="100%" fxLayout="row">
  <section>
    <div class="img">
      <div class="top">
        {{convergenceBox.farmName}} {{convergenceBox.deviceName}}
      </div>
      <div class="bottom"></div>
    </div>
    <div class="flexSession model" id="model">
      <div class="title">
        <span>设备信息</span>
      </div>
      <div class="convergencebox-model">
        <p>名称：
          <span>{{convergenceBox?.deviceName}}</span>
        </p>
        <p>厂家：
          <span>{{model?.factoryName}}</span>
        </p>
        <p>型号名称：
          <span>{{model?.modelName}}</span>
        </p>
        <p *ngFor="let modelParam of modelParams">
          <i [title]="modelParam?.modelParamNameValue | number:'1.1-2'">{{modelParam?.modelParamNameValue | number:'1.1-2'}}</i>
          <em [title]="modelParam?.modelParamName">{{modelParam?.modelParamName}}</em>
        </p>
      </div>
    </div>
  </section>


  <section class="flexSession analogTag" *ngFor="let tagData of TagDatas">
    <div class="title">
      <i></i>
      <span>{{tagData.name}}</span>
    </div>
    <div class="convergencebox-detail">
      <p *ngFor="let tag of tagData">
        <i [title]="tag?.value | number:'1.1-2'">{{tag?.value | number:'1.1-2'}}</i>
        <em [title]="tag?.tagName+''+tag.tagUnit">{{tag?.tagName}}{{tag?.tagUnit}}</em>
      </p>
    </div>
  </section>

  <!--<section class="flexSession analogTag">
    <div class="title">
      <i></i>
      <span>模拟量</span>
    </div>
    <div class="convergencebox-detail">     
      <p *ngFor="let tag of analogTagDatas">
        <i [title]="tag?.value | number:'1.1-2'">{{tag?.value | number:'1.1-2'}}</i>
        <em [title]="tag?.tagName+''+tag.tagUnit">{{tag?.tagName}}{{tag?.tagUnit}}</em>
      </p>
    </div>
  </section>

  <section class="flexSession swithTag">
    <div class="title">
      <i></i>
      <span>开关量</span>
    </div>
    <div class="convergencebox-detail">
      <p *ngFor="let tag of swithTagDatas">
        <i [title]="tag?.value | number:'1.1-2'">{{tag?.value | number:'1.1-2'}}</i>
        <em [title]="tag?.tagName+''+tag.tagUnit">{{tag?.tagName}}{{tag?.tagUnit}}</em>
      </p>
    </div>
  </section>
</div>-->